g-login-panel

@media screen and (max-width: 415px) {
  body.r-fs,
  body.r-mobile.r-fs,
  body.r-portrait.r-fs,
  body.r-landscape.r-fs,
  body.r-mobile.r-portrait.r-fs,
  body.r-mobile.r-landscape.r-fs {
    font-size: 0.6875em;
  }
}

@media screen and (max-width: 380px) {
  body.r-fs,
  body.r-mobile.r-fs,
  body.r-portrait.r-fs,
  body.r-landscape.r-fs,
  body.r-mobile.r-portrait.r-fs,
  body.r-mobile.r-landscape.r-fs {
    font-size: 0.625em;
  }
}

@media screen and (max-width: 325px) {
  body.r-fs,
  body.r-mobile.r-fs,
  body.r-portrait.r-fs,
  body.r-landscape.r-fs,
  body.r-mobile.r-portrait.r-fs,
  body.r-mobile.r-landscape.r-fs {
    font-size: 0.5625em;
  }
}
/*
  @media screen and (max-width: 500px) {
    body.r-fs,
    body.r-mobile.r-fs,
    body.r-portrait.r-fs,
    body.r-mobile.r-portrait.r-fs {
      font-size: .875em;
    }
  }*/

body.r-outer>.r-body {
  padding: 0;
}

.r-page-main {
  background-image: url("../../../../../content/images/loginBg.png");
  background-size: 100% 100%;
}

.g-login-top {
  height: 60%;
  border-bottom: 0.4166666666666667em solid;
  border-color: rgba(0,0,0,.1);
}

.g-login-container {
  padding-left:  5%;
  padding-right: 5%;
  /*border-radius: 0.3333333333333333em;*/
  border-radius: 1em;
  box-shadow: 0 0 0 0.25em rgba(0,0,0,0.025);
  background: rgba(255, 255, 255, 0.2);
}

.g-login-panel {
  position: relative;
  top: 20%;
  left: 20%;
  width: 90%;
  max-width: 41.66666666666667em;
  margin: -2% auto 0 auto;
  z-index: 1;
}

.g-sys-name {
  letter-spacing: 0.05em;
  text-align: center;
}

.g-sys-name > .g-main {
  font-size: 2.2em;
  padding-right: 0.1em;
}

.g-sys-name > .g-sub {
  font-size: 1.2em;
}

.g-login-title {
  font-size: 3.5em;
  font-weight: bold;
  letter-spacing: 0.3em;
}

.g-captcha {
  width: 100%;
}